<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>任务界面详细</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css">
    <link rel="stylesheet" href="../css/nav.css">
    <link rel="stylesheet" href="../css/task_detail.css">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script src="../thirdparty/jsRender.js"></script>
    <script src="../js/show_user.js"></script>
    <script src="task_detail.js"></script>
</head>
<body>
  <audio src="../audio/se_old_extend.wav"></audio>
  <div class="nav">
      <a href="index.html" class="para-a">
        <img src="../img/logo.png"/>
        学生接单平台
      </a>
      <a href="user.html" class="common-a">用户中心</a>
      <a href="task_detail.html" class="common-a">任务中心</a>
      <a href="bussiness.html" class="common-a">发布任务</a>
      <a href="collect.html" class="common-a">我的收藏</a>
      <a href="message.html" class="common-a">消息中心</a>
      <a href="money.html" class="common-a">资金账户</a>
      <a href="enterExam.html" class="common-a">入站考试</a>
      <a href="vs.html" class="common-a">自主大赛</a>
      <a href="student_opensource.html" class="common-a">开源项目</a>
      <a href="login.html" class="common-a">登陆注册</a>
      <a href="donate.html" class="common-a">捐赠页面</a>
      <a href="web_owner_info.html" class="common-a">站长的话</a>
    </div> 
    <br><br>
    <h1 style="text-align: center;">任务详情</h1>
    <div id="panel"></div>
    <hr/>
    <div class="panel2">
        <!--点击后上传文件-->
        <button id="collect_task" class="btn btn-success">收藏此任务</button>
        <button class="btn btn-primary">我要交付</button>
    </div>
<!--右下角toast提示-->
<div class="position-fixed bottom-0 right-0 p-3" style="z-index: 5; right: 0; bottom: 0;">
  <div id="liveToast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true" data-delay="2000">
    <div class="toast-header">
        <i class="bi bi-info-circle"></i>
      <!--<img src="img/sand.png" class="rounded mr-2" alt="..."> -->
      <strong class="mr-auto">通知</strong>
      <small>1分钟前</small>
      <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="toast-body">
      此任务已收藏到你的默认收藏列表
    </div>
  </div>
</div>

</body>
</html>